<template>
    <div class="header">
        <div class="header-wrap">
            <div class="container">
                <header class="title "><span>林崖</span>的个人博客</header>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "BlogHome",
        components:{
        }
    }
</script>

<style scoped lang="less">

    .header{
        .header-wrap{
            height: 106px;
            background: url("../../assets/images/pub_306.jpg") no-repeat;
            background-size: cover;
            color: #fff;
            .container{
                height: 100%;
                position: relative;
                .title{
                    font-size: 24px;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform:translate(-50%,-50%);
                    span{
                        font-size: 54px;
                    }
                }
            }
        }
    }

</style>